﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1 手机号登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1_手机号登录/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_1_手机号登录/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 标题栏 (动态面板) -->
      <div id="u623" class="ax_default" data-label="标题栏">
        <div id="u623_state0" class="panel_state" data-label="状态1" style="">
          <div id="u623_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u624" class="ax_default _形状">
              <div id="u624_div" class=""></div>
              <div id="u624_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 4.1 手机号登录</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u625" class="ax_default _形状">
              <img id="u625_img" class="img " src="images/更新日志/u243.svg"/>
              <div id="u625_text" class="text ">
                <p><span>新</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (作者简介) -->

      <!-- 标题栏 (动态面板) -->
      <div id="u627" class="ax_default" data-label="标题栏">
        <div id="u627_state0" class="panel_state" data-label="状态1" style="">
          <div id="u627_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u628" class="ax_default _形状">
              <div id="u628_div" class=""></div>
              <div id="u628_text" class="text ">
                <p><span>作者姓名&nbsp; |&nbsp; 联系方式</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u626" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (矩形) -->
      <div id="u629" class="ax_default _形状">
        <div id="u629_div" class=""></div>
        <div id="u629_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u630" class="ax_default _一级标题">
        <div id="u630_div" class=""></div>
        <div id="u630_text" class="text ">
          <p><span>C-手机号登录-密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u631" class="ax_default _形状">
        <img id="u631_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u631_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u632" class="ax_default _形状">
        <img id="u632_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u632_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u633" class="ax_default _一级标题">
        <div id="u633_div" class=""></div>
        <div id="u633_text" class="text ">
          <p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;">1. </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-size:14px;">清空按钮</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;">有号码输入出现清空按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u634" class="ax_default _水平线">
        <img id="u634_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u634_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u635" class="ax_default _形状">
        <img id="u635_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u635_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u636" class="ax_default _形状">
        <img id="u636_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u636_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u637" class="ax_default _一级标题">
        <div id="u637_div" class=""></div>
        <div id="u637_text" class="text ">
          <p><span>2. 登录按钮</span></p><p><span>当电话号码和密码输入完后，按钮状态发生变化</span></p><p><span>登录按钮等待状态&nbsp; 4.0</span><a id="u638" class="link"><span>&nbsp; 页面&nbsp; 标记1</span></a></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u639" class="ax_default _水平线">
        <img id="u639_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u639_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u640" class="ax_default _形状">
        <div id="u640_div" class=""></div>
        <div id="u640_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u641" class="ax_default _一级标题">
        <div id="u641_div" class=""></div>
        <div id="u641_text" class="text ">
          <p><span>E-页面标题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u642" class="ax_default _形状">
        <div id="u642_div" class=""></div>
        <div id="u642_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u643" class="ax_default _形状">
        <div id="u643_div" class=""></div>
        <div id="u643_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u644" class="ax_default _一级标题">
        <div id="u644_div" class=""></div>
        <div id="u644_text" class="text ">
          <p><span>B-登录界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u645" class="ax_default _形状">
        <div id="u645_div" class=""></div>
        <div id="u645_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u646" class="ax_default" data-left="143" data-top="657" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u647" class="ax_default ellipse">
          <img id="u647_img" class="img " src="images/4_0_手机号注册登录入口/u598.svg"/>
          <div id="u647_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u648" class="ax_default icon">
          <img id="u648_img" class="img " src="images/4_0_手机号注册登录入口/u599.svg"/>
          <div id="u648_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u649" class="ax_default" data-left="291" data-top="657" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u650" class="ax_default ellipse">
          <img id="u650_img" class="img " src="images/4_0_手机号注册登录入口/u601.svg"/>
          <div id="u650_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u651" class="ax_default _图片_">
          <img id="u651_img" class="img " src="images/4_0_手机号注册登录入口/u602.svg"/>
          <div id="u651_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u652" class="ax_default" data-left="365" data-top="657" data-width="40" data-height="40">

        <!-- Unnamed (圆形) -->
        <div id="u653" class="ax_default ellipse">
          <img id="u653_img" class="img " src="images/4_0_手机号注册登录入口/u601.svg"/>
          <div id="u653_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u654" class="ax_default _图片_">
          <img id="u654_img" class="img " src="images/4_0_手机号注册登录入口/u605.svg"/>
          <div id="u654_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u655" class="ax_default _图片_">
        <img id="u655_img" class="img " src="images/4_0_手机号注册登录入口/u606.svg"/>
        <div id="u655_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u656" class="ax_default line">
        <img id="u656_img" class="img " src="images/4_0_手机号注册登录入口/u607.svg"/>
        <div id="u656_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u657" class="ax_default label">
        <img id="u657_img" class="img " src="images/4_0_手机号注册登录入口/u608.svg"/>
        <div id="u657_text" class="text ">
          <p><span>其他登录方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u658" class="ax_default _文本段落">
        <div id="u658_div" class=""></div>
        <div id="u658_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u659" class="ax_default _三级标题">
        <div id="u659_div" class=""></div>
        <div id="u659_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u660" class="ax_default _形状">
        <div id="u660_div" class=""></div>
        <div id="u660_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u661" class="ax_default _三级标题">
        <div id="u661_div" class=""></div>
        <div id="u661_text" class="text ">
          <p><span>本机号码一键登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u662" class="ax_default _三级标题">
        <div id="u662_div" class=""></div>
        <div id="u662_text" class="text ">
          <p><span>186 **** 8888</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u663" class="ax_default label">
        <img id="u663_img" class="img " src="images/4_1_手机号登录/u663.svg"/>
        <div id="u663_text" class="text ">
          <p><span>密码登录仅适用于已注册的用户</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u664" class="ax_default _连接线">
        <img id="u664_seg0" class="img " src="images/4_1_手机号登录/u664_seg0.svg" alt="u664_seg0"/>
        <img id="u664_seg1" class="img " src="images/4_1_手机号登录/u664_seg1.svg" alt="u664_seg1"/>
        <img id="u664_seg2" class="img " src="images/4_1_手机号登录/u664_seg2.svg" alt="u664_seg2"/>
        <img id="u664_seg3" class="img " src="images/4_1_手机号登录/u664_seg3.svg" alt="u664_seg3"/>
        <img id="u664_seg4" class="img " src="images/4_1_手机号登录/u664_seg4.svg" alt="u664_seg4"/>
        <div id="u664_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u665" class="ax_default _文本段落">
        <div id="u665_div" class=""></div>
        <div id="u665_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策</span><span> </span><span style="color:#AAAAAA;">以及</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">中国联通认证服务协议</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u666" class="ax_default _形状">
        <div id="u666_div" class=""></div>
        <div id="u666_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u667" class="ax_default _三级标题">
        <div id="u667_div" class=""></div>
        <div id="u667_text" class="text ">
          <p><span>其他手机号码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u668" class="ax_default _三级标题">
        <div id="u668_div" class=""></div>
        <div id="u668_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u669" class="ax_default label">
        <img id="u669_img" class="img " src="images/4_0_手机号注册登录入口/u615.svg"/>
        <div id="u669_text" class="text ">
          <p><span>认证服务由中国联通提供</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u670" class="ax_default line">
        <img id="u670_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u670_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u671" class="ax_default line">
        <img id="u671_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u671_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u672" class="ax_default _三级标题">
        <div id="u672_div" class=""></div>
        <div id="u672_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u673" class="ax_default _图片_">
        <img id="u673_img" class="img " src="images/4_1_手机号登录/u673.svg"/>
        <div id="u673_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u674" class="ax_default _三级标题">
        <div id="u674_div" class=""></div>
        <div id="u674_text" class="text ">
          <p><span>请输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u675" class="ax_default _三级标题">
        <div id="u675_div" class=""></div>
        <div id="u675_text" class="text ">
          <p><span>请输入6-16位密码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u676" class="ax_default _三级标题">
        <div id="u676_div" class=""></div>
        <div id="u676_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u677" class="ax_default _形状">
        <div id="u677_div" class=""></div>
        <div id="u677_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u678" class="ax_default _一级标题">
        <div id="u678_div" class=""></div>
        <div id="u678_text" class="text ">
          <p><span>C-手机号登录-号码密码输入</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u679" class="ax_default _文本段落">
        <div id="u679_div" class=""></div>
        <div id="u679_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u680" class="ax_default label">
        <img id="u680_img" class="img " src="images/4_1_手机号登录/u663.svg"/>
        <div id="u680_text" class="text ">
          <p><span>密码登录仅适用于已注册的用户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u681" class="ax_default _三级标题">
        <div id="u681_div" class=""></div>
        <div id="u681_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u682" class="ax_default line">
        <img id="u682_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u682_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u683" class="ax_default line">
        <img id="u683_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u683_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u684" class="ax_default _三级标题">
        <div id="u684_div" class=""></div>
        <div id="u684_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u685" class="ax_default _图片_">
        <img id="u685_img" class="img " src="images/4_1_手机号登录/u673.svg"/>
        <div id="u685_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u686" class="ax_default _三级标题">
        <div id="u686_div" class=""></div>
        <div id="u686_text" class="text ">
          <p><span>178111223344</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u687" class="ax_default _三级标题">
        <div id="u687_div" class=""></div>
        <div id="u687_text" class="text ">
          <p><span>............</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u688" class="ax_default icon">
        <img id="u688_img" class="img " src="images/4_1_手机号登录/u688.svg"/>
        <div id="u688_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u689" class="ax_default _连接线">
        <img id="u689_seg0" class="img " src="images/4_1_手机号登录/u689_seg0.svg" alt="u689_seg0"/>
        <img id="u689_seg1" class="img " src="images/4_1_手机号登录/u689_seg1.svg" alt="u689_seg1"/>
        <img id="u689_seg2" class="img " src="images/4_1_手机号登录/u689_seg2.svg" alt="u689_seg2"/>
        <img id="u689_seg3" class="img " src="images/4_1_手机号登录/u689_seg3.svg" alt="u689_seg3"/>
        <div id="u689_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u690" class="ax_default _形状">
        <div id="u690_div" class=""></div>
        <div id="u690_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u691" class="ax_default _三级标题">
        <div id="u691_div" class=""></div>
        <div id="u691_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u692" class="ax_default _连接线">
        <img id="u692_seg0" class="img " src="images/4_1_手机号登录/u692_seg0.svg" alt="u692_seg0"/>
        <img id="u692_seg1" class="img " src="images/4_1_手机号登录/u692_seg1.svg" alt="u692_seg1"/>
        <img id="u692_seg2" class="img " src="images/4_1_手机号登录/u692_seg2.svg" alt="u692_seg2"/>
        <img id="u692_seg3" class="img " src="images/4_1_手机号登录/u692_seg3.svg" alt="u692_seg3"/>
        <div id="u692_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u693" class="ax_default _形状">
        <img id="u693_img" class="img " src="images/4_1_手机号登录/u693.svg"/>
        <div id="u693_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u694" class="ax_default _一级标题">
        <div id="u694_div" class=""></div>
        <div id="u694_text" class="text ">
          <p><span>3. 登录检测判断</span></p><p><span>a 判断手机号码是否输入争取</span></p><p><span>b 输入密码是否符合密码要求 6-16 位</span></p><p><span>c 判断手机号和密码是否正确，弹出提示</span></p><p><span>d 判断手机号未注册，</span><span>中心</span><span>弹出信息提示手机号未注册，引导注册 查看标记</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u695" class="ax_default _水平线">
        <img id="u695_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u695_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u696" class="ax_default" data-left="1420" data-top="186" data-width="258" data-height="176">

        <!-- Unnamed (矩形) -->
        <div id="u697" class="ax_default box_2">
          <div id="u697_div" class=""></div>
          <div id="u697_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u698" class="ax_default line">
          <img id="u698_img" class="img " src="images/4_1_手机号登录/u698.svg"/>
          <div id="u698_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u699" class="ax_default line">
          <img id="u699_img" class="img " src="images/4_1_手机号登录/u699.svg"/>
          <div id="u699_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u700" class="ax_default _三级标题">
          <div id="u700_div" class=""></div>
          <div id="u700_text" class="text ">
            <p><span>手机号尚未注册</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u701" class="ax_default _三级标题">
          <div id="u701_div" class=""></div>
          <div id="u701_text" class="text ">
            <p><span>以后再说</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u702" class="ax_default _三级标题">
          <div id="u702_div" class=""></div>
          <div id="u702_text" class="text ">
            <p><span>立即注册</span></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u703" class="ax_default _形状">
          <img id="u703_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
          <div id="u703_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u704" class="ax_default _三级标题">
          <div id="u704_div" class=""></div>
          <div id="u704_text" class="text ">
            <p><span>提示注册弹出框</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u705" class="ax_default label">
        <div id="u705_div" class=""></div>
        <div id="u705_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u706" class="ax_default label">
        <div id="u706_div" class=""></div>
        <div id="u706_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u707" class="ax_default label">
        <div id="u707_div" class=""></div>
        <div id="u707_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u708" class="ax_default label">
        <div id="u708_div" class=""></div>
        <div id="u708_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u709" class="ax_default label">
        <div id="u709_div" class=""></div>
        <div id="u709_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u710" class="ax_default label">
        <div id="u710_div" class=""></div>
        <div id="u710_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u711" class="ax_default _形状">
        <div id="u711_div" class=""></div>
        <div id="u711_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u712" class="ax_default _一级标题">
        <div id="u712_div" class=""></div>
        <div id="u712_text" class="text ">
          <p><span>D-手机号登录-验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u713" class="ax_default _形状">
        <div id="u713_div" class=""></div>
        <div id="u713_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u714" class="ax_default _文本段落">
        <div id="u714_div" class=""></div>
        <div id="u714_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u715" class="ax_default label">
        <img id="u715_img" class="img " src="images/4_1_手机号登录/u715.svg"/>
        <div id="u715_text" class="text ">
          <p><span>未注册的手机号验证通过后将自动注册</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u716" class="ax_default _连接线">
        <img id="u716_seg0" class="img " src="images/4_1_手机号登录/u716_seg0.svg" alt="u716_seg0"/>
        <img id="u716_seg1" class="img " src="images/4_1_手机号登录/u716_seg1.svg" alt="u716_seg1"/>
        <img id="u716_seg2" class="img " src="images/4_1_手机号登录/u716_seg2.svg" alt="u716_seg2"/>
        <img id="u716_seg3" class="img " src="images/4_1_手机号登录/u716_seg3.svg" alt="u716_seg3"/>
        <img id="u716_seg4" class="img " src="images/4_1_手机号登录/u716_seg4.svg" alt="u716_seg4"/>
        <img id="u716_seg5" class="img " src="images/4_1_手机号登录/u716_seg5.svg" alt="u716_seg5"/>
        <div id="u716_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u717" class="ax_default _三级标题">
        <div id="u717_div" class=""></div>
        <div id="u717_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u718" class="ax_default line">
        <img id="u718_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u718_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u719" class="ax_default line">
        <img id="u719_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u719_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u720" class="ax_default _三级标题">
        <div id="u720_div" class=""></div>
        <div id="u720_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u721" class="ax_default _图片_">
        <img id="u721_img" class="img " src="images/4_1_手机号登录/u673.svg"/>
        <div id="u721_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u722" class="ax_default _三级标题">
        <div id="u722_div" class=""></div>
        <div id="u722_text" class="text ">
          <p><span>请输入手机号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u723" class="ax_default _三级标题">
        <div id="u723_div" class=""></div>
        <div id="u723_text" class="text ">
          <p><span>请输入验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u724" class="ax_default _三级标题">
        <div id="u724_div" class=""></div>
        <div id="u724_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u725" class="ax_default label">
        <div id="u725_div" class=""></div>
        <div id="u725_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u726" class="ax_default label">
        <div id="u726_div" class=""></div>
        <div id="u726_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u727" class="ax_default label">
        <div id="u727_div" class=""></div>
        <div id="u727_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u728" class="ax_default _形状">
        <div id="u728_div" class=""></div>
        <div id="u728_text" class="text ">
          <p><span>获取验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u729" class="ax_default _形状">
        <img id="u729_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u729_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u730" class="ax_default _形状">
        <div id="u730_div" class=""></div>
        <div id="u730_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u731" class="ax_default _一级标题">
        <div id="u731_div" class=""></div>
        <div id="u731_text" class="text ">
          <p><span>D-手机号登录-验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u732" class="ax_default _文本段落">
        <div id="u732_div" class=""></div>
        <div id="u732_text" class="text ">
          <p><span style="color:#AAAAAA;">登录注册即表明您已阅读并同意</span><span style="color:#D7D7D7;"> </span><span style="color:#70B603;">用户协议</span><span> </span><span style="color:#AAAAAA;">和 </span><span style="color:#70B603;">隐私政策 </span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u733" class="ax_default line">
        <img id="u733_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u733_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u734" class="ax_default line">
        <img id="u734_img" class="img " src="images/4_1_手机号登录/u670.svg"/>
        <div id="u734_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u735" class="ax_default _三级标题">
        <div id="u735_div" class=""></div>
        <div id="u735_text" class="text ">
          <p><span>+86</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u736" class="ax_default _图片_">
        <img id="u736_img" class="img " src="images/4_1_手机号登录/u673.svg"/>
        <div id="u736_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u737" class="ax_default _三级标题">
        <div id="u737_div" class=""></div>
        <div id="u737_text" class="text ">
          <p><span>178111223344</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u738" class="ax_default _三级标题">
        <div id="u738_div" class=""></div>
        <div id="u738_text" class="text ">
          <p><span>............</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u739" class="ax_default icon">
        <img id="u739_img" class="img " src="images/4_1_手机号登录/u688.svg"/>
        <div id="u739_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u740" class="ax_default _连接线">
        <img id="u740_seg0" class="img " src="images/4_1_手机号登录/u740_seg0.svg" alt="u740_seg0"/>
        <img id="u740_seg1" class="img " src="images/4_1_手机号登录/u740_seg1.svg" alt="u740_seg1"/>
        <img id="u740_seg2" class="img " src="images/4_1_手机号登录/u740_seg2.svg" alt="u740_seg2"/>
        <img id="u740_seg3" class="img " src="images/4_1_手机号登录/u740_seg3.svg" alt="u740_seg3"/>
        <div id="u740_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u741" class="ax_default _形状">
        <div id="u741_div" class=""></div>
        <div id="u741_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u742" class="ax_default _三级标题">
        <div id="u742_div" class=""></div>
        <div id="u742_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u743" class="ax_default _连接线">
        <img id="u743_seg0" class="img " src="images/4_1_手机号登录/u743_seg0.svg" alt="u743_seg0"/>
        <img id="u743_seg1" class="img " src="images/4_1_手机号登录/u743_seg1.svg" alt="u743_seg1"/>
        <img id="u743_seg2" class="img " src="images/4_1_手机号登录/u743_seg2.svg" alt="u743_seg2"/>
        <img id="u743_seg3" class="img " src="images/4_1_手机号登录/u743_seg3.svg" alt="u743_seg3"/>
        <div id="u743_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u744" class="ax_default label">
        <div id="u744_div" class=""></div>
        <div id="u744_text" class="text ">
          <p><span>忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u745" class="ax_default label">
        <div id="u745_div" class=""></div>
        <div id="u745_text" class="text ">
          <p><span>密码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u746" class="ax_default label">
        <div id="u746_div" class=""></div>
        <div id="u746_text" class="text ">
          <p><span>快捷注册</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u747" class="ax_default label">
        <img id="u747_img" class="img " src="images/4_1_手机号登录/u715.svg"/>
        <div id="u747_text" class="text ">
          <p><span>未注册的手机号验证通过后将自动注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u748" class="ax_default _三级标题">
        <div id="u748_div" class=""></div>
        <div id="u748_text" class="text ">
          <p><span>验证码登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u749" class="ax_default _形状">
        <div id="u749_div" class=""></div>
        <div id="u749_text" class="text ">
          <p><span>获取验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u750" class="ax_default _连接线">
        <img id="u750_seg0" class="img " src="images/4_1_手机号登录/u750_seg0.svg" alt="u750_seg0"/>
        <img id="u750_seg1" class="img " src="images/4_1_手机号登录/u750_seg1.svg" alt="u750_seg1"/>
        <img id="u750_seg2" class="img " src="images/4_1_手机号登录/u750_seg2.svg" alt="u750_seg2"/>
        <img id="u750_seg3" class="img " src="images/4_1_手机号登录/u750_seg3.svg" alt="u750_seg3"/>
        <div id="u750_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u751" class="ax_default _形状">
        <img id="u751_img" class="img " src="images/4_1_手机号登录/u693.svg"/>
        <div id="u751_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u752" class="ax_default _形状">
        <div id="u752_div" class=""></div>
        <div id="u752_text" class="text ">
          <p><span>56秒后重发</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u753" class="ax_default _形状">
        <div id="u753_div" class=""></div>
        <div id="u753_text" class="text ">
          <p><span>重新发送</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u754" class="ax_default _一级标题">
        <div id="u754_div" class=""></div>
        <div id="u754_text" class="text ">
          <p><span>4. 发送短信按钮</span></p><p><span>a 根据手机号是否填写，状态从禁止点击到可以点击</span></p><p><span>b. 点击后 1分钟倒计时，状态不可点击</span></p><p><span>c.&nbsp; 倒计时结束变成 可点状态重新发送</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u755" class="ax_default _水平线">
        <img id="u755_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u755_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u756" class="ax_default _形状">
        <img id="u756_img" class="img " src="images/4_1_手机号登录/u693.svg"/>
        <div id="u756_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u757" class="ax_default _形状">
        <img id="u757_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u757_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u758" class="ax_default _形状">
        <img id="u758_img" class="img " src="images/4_1_手机号登录/u693.svg"/>
        <div id="u758_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u759" class="ax_default _形状">
        <img id="u759_img" class="img " src="images/4_0_手机号注册登录入口/u619.svg"/>
        <div id="u759_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u760" class="ax_default _连接线">
        <img id="u760_seg0" class="img " src="images/4_1_手机号登录/u760_seg0.svg" alt="u760_seg0"/>
        <img id="u760_seg1" class="img " src="images/4_1_手机号登录/u760_seg1.svg" alt="u760_seg1"/>
        <img id="u760_seg2" class="img " src="images/4_1_手机号登录/u760_seg2.svg" alt="u760_seg2"/>
        <img id="u760_seg3" class="img " src="images/4_1_手机号登录/u760_seg3.svg" alt="u760_seg3"/>
        <div id="u760_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u761" class="ax_default _形状">
        <img id="u761_img" class="img " src="images/4_1_手机号登录/u693.svg"/>
        <div id="u761_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u762" class="ax_default _一级标题">
        <div id="u762_div" class=""></div>
        <div id="u762_text" class="text ">
          <p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;">5.&nbsp; 直接注册功能</span></p><p style="font-size:12px;"><span style="font-family:'黑体', sans-serif;">未注册的手机号验证通过后将自动注册</span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;"><br></span></p><p style="font-size:13px;"><span style="font-family:'PingFangHK-Regular', 'PingFang HK', sans-serif;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u763" class="ax_default _水平线">
        <img id="u763_img" class="img " src="images/4_0_手机号注册登录入口/u620.svg"/>
        <div id="u763_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u764" class="ax_default _形状">
        <img id="u764_img" class="img " src="images/4_1_手机号登录/u693.svg"/>
        <div id="u764_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
